<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	[#if productCategory??]
		[@seo type = "productList"]
			<title>[#if productCategory.seoTitle??]${productCategory.seoTitle}[#elseif seo.title??][@seo.title?interpret /][/#if][#if systemShowPowered] - 766 SMART HOME[/#if]</title>
			<meta name="author" content="BIZ Team" />
			<meta name="copyright" content="BIZ" />
			<meta name="renderer" content="webkit|ie-comp|ie-stand">
			<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
			[#if productCategory.seoKeywords??]
				<meta name="keywords" content="${productCategory.seoKeywords}" />
			[#elseif seo.keywords??]
				<meta name="keywords" content="[@seo.keywords?interpret /]" />
			[/#if]
			[#if productCategory.seoDescription??]
				<meta name="description" content="${productCategory.seoDescription}" />
			[#elseif seo.description??]
				<meta name="description" content="[@seo.description?interpret /]" />
			[/#if]
		[/@seo]
	[#else]
		<title>${message("shop.product.title")}[#if systemShowPowered] - 766 SMART HOME[/#if]</title>
		<meta name="author" content="BIZ Team" />
		<meta name="copyright" content="BIZ" />
	[/#if]
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<link href="${base}/resources/shop/css/common.css" rel="stylesheet" type="text/css" />
		<link href="${base}/resources/shop/css/style.css" rel="stylesheet" type="text/css" />
		<link href="${base}/resources/shop/css/customer.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="${base}/resources/shop/js/jquery.js"></script>
	</head>
	<body>
		[#include "/shop/include/login_header.ftl" /]
		<div class="container">
			<div class="span24">
				<img class="top_advert" src="http://6811802.s21i-6.faiusr.com/2/ABUIABACGAAgsdHxsAUo8v2AiQMwohg4kQI!1000x1000.jpg"/>
			</div>
			<div class="con span24">
				[#include "/shop/include/nav_left.ftl" /]
				<div class="con-right span19">
					<h2 class="condition-heder">智能暖气当前大类</h2>
					<div class="condition-row">
						<label>当前条件：</label>
						<ul class="condition-list">
							<li><a class="choose_btn">智能暖气</a></li>
							<li><a  class="choose_btn">地暖</a></li>
						</ul>
					</div>
					<div class="scrren-tab">
						<div class="screen-head scrren-row">
							<label>筛选：</label>
							<ul class="checked-list screen-row">
								[#list selectList as li]
									[#if li=="" || li==null]
									<li><a href="" class="" name="selects_${li_index}">${li}</a></li>
									[#else]
									<li><a href="" class="choose_btn" name="selects_${li_index}">${li}</a></li>
									[/#if]
								[/#list]
							</ul>
						</div>
						<ul class="screen-box">
							<li class="scrren-row">
								<label>市场价：</label>
								<ul class="screen-list clearfix">
									<li><a href="javascript:;" name="marketPrice">0-199</a></li>
									<li><a href="javascript:;" name="marketPrice">200-399</a></li>
									<li><a href="javascript:;" name="marketPrice">400-599</a></li>
								</ul>
							</li>
							<li class="scrren-row">
								<label>价格：</label>
								<ul class="screen-list clearfix">
									<li><a href="javascript:;" name="price">0-399</a></li>
									<li><a href="javascript:;" name="price">300-599</a></li>
								</ul>
							</li>
							<li class="scrren-row">
								<label>品牌：</label>
								<ul class="screen-list clearfix">
									[#list brands as brands]
									<li><a href="javascript:;" name="brands">${brands.name}</a></li>
									[/#list]
								</ul>
							</li>
						</ul>
					</div>
					<ul class="sort-list clearfix">
						<li><a class="sort_ascending">名称<span class="icon_b"></span></a></li>
						<li><a >上架时间</a></li>
						<li><a class="sort_descending">价格<span class="icon_b"></span></a></li>
					</ul>
					<ul id="productList" class="product-list clearfix">
						[#list page.content as pg]
						<li>
							<ul>
								<li>
									<a>
										<img src="${pg.image}"/>
										<p>${pg.name}</p>
									</a>
								</li>
								<li class="mall-market-price">￥${pg.marketPrice}</li>
								<li class="mallPrice">￥${pg.price}</li>
								<li class="propValue">${pg.brand}</li>
								<li><a href="" class="mallBuy">预定</a></li>
							</ul>
						</li>
						[/#list]
					</ul>
				</div>
			</div>
		</div>
	[#include "/shop/include/fastGetCase.ftl" /]
	[#include "/shop/include/footer.ftl" /]
	</body>
	<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
	<script type="text/javascript" src="${base}/resources/shop/js/jQuery-jcContact.js"></script>
	<link href="${base}/resources/shop/css/customer.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="${base}/resources/shop/js/public.js"></script>
	<script type="text/javascript">
	$().ready(function() {
		$("[name=brands]").click(function(){
			var brandName = $(this).text();
			var price = $("[name=selects_1]").text();
			var marketPrice = $("[name=selects_0]").text();
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?brandName="+brandName+"&price="+price+"&marketPrice="+marketPrice;
		});
		$("[name=price]").click(function(){
			var price = $(this).text();
			var marketPrice = $("[name=selects_0]").text();
			var brandName = $("[name=selects_2]").text();
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?price="+price+"&marketPrice="+marketPrice+"&brandName="+brandName;
		});
		$("[name=marketPrice]").click(function(){
			var marketPrice = $(this).text();
			var brandName = $("[name=selects_2]").text();
			var price = $("[name=selects_1]").text();
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?marketPrice="+marketPrice+"&brandName="+brandName+"&price="+price;
		});
		
		$("[name=selects_0]").click(function(){
			var marketPrice ="";
			var price =$("[name=selects_1]").text();;
			var brandName = $("[name=selects_2]").text();
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?marketPrice="+marketPrice+"&brandName="+brandName+"&price="+price;
		});
		
		$("[name=selects_1]").click(function(){
			var marketPrice = $("[name=selects_0]").text();
			var price ="";
			var brandName = $("[name=selects_2]").text();
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?marketPrice="+marketPrice+"&brandName="+brandName+"&price="+price;
		});
		
		$("[name=selects_2]").click(function(){
			var marketPrice = $("[name=selects_0]").text();
			var price =$("[name=selects_1]").text();;
			var brandName ="";
			window.location.href="${base}/product/list/${productCategoryId}.jhtml?marketPrice="+marketPrice+"&brandName="+brandName+"&price="+price;
		});
	});
	</script>
</html>
